<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的收藏</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <link rel="stylesheet" type="text/css" href="./awesome/css/font-awesome.min.css">
</head>
<body class="collection">
<header class="header">
    <div class="header-box">
        <div class="header-hd">
            <div class="topmessage-l">
                <span class="topmessage">亲，请<a href="#">登录 </a>免费<a href="#">注册</a></span>
            </div>
            <div class="topmessage-r">
                <span class="tmr1"><a href="index.html">商城首页</a></span>
                <span class="tmr2"><i class="fa fa-user" aria-hidden="true"></i> <a href="information.html">个人中心</a></span>
                <span class="tmr3"><i class="fa fa-shopping-cart" aria-hidden="true"></i> <a href="cart.html">购物车0</a></span>
                <span class="tmr4"><i class="fa fa-heart" aria-hidden="true"></i> <a href="collection.html">收藏夹</a></span>
            </div>
        </div>
        <div class="logo"><img src="./img/order/logo.png"></div>
        <div class="search">
            <input type="text" placeholder="搜索" id="ipt1">
            <a href="search.html"> <input type="button" value="搜索" id="ipt2"></a>
        </div>
        <div class="header-bd">
            <div class="nav-0">全部分类</div>
            <ul class="clearfix">
                <li class="nav-1"><a href="index.html">首页</a></li>
                <li class="nav-2"><a href="index.html">闪购</a></li>
                <li class="nav-3"><a href="index.html">限时抢</a></li>
                <li class="nav-4"><a href="index.html">团购</a></li>
                <li class="nav-5"><a href="index.html">大包装</a></li>
            </ul>
            <div class="nav-extra">
                <div class="img"><img src="img/order/p4.png"></div>
                <div class="extra">我的福利<</div>
            </div>
        </div>
    </div>
</header>
<div class="tbody clearfix">
    <div class="aside">
        <ul class="aside-list">
            <li class="alst1"><i class="fa fa-user sty" aria-hidden="true"></i>&nbsp;<a class="styz"  href="#">个人中心</a></li>
            <li class="alst2"><i class="fa fa-drivers-license-o sty" aria-hidden="true"></i>&nbsp;<a class="styz" href="#">个人资料</a>
                <ul>
                    <li><a href="information.html">个人信息</a></li>
                    <li><a href="safe.html">安全设置</a></li>
                    <li><a href="address.html">收货地址</a></li>
                    <li> <a href="pay.html">快捷支付</a></li>
                </ul>
            </li>
            <li class="alst3"><i class="fa fa-balance-scale sty" aria-hidden="true"></i>&nbsp;<a class="styz" href="#">我的交易</a>
                <ul>
                    <li ><a href="./Orders.html">订单管理</a></li>
                    <li><a href="./change.html">退货售后</a></li>
                    <li><a href="./comment.html">商品评价</a></li>
                </ul>
            </li>
            <li class="alst4">&nbsp;<i class="fa fa-dollar sty" aria-hidden="true"></i>&nbsp;<a  class="styz" href="#">我的资产</a>
                <ul>
                    <li><a href="#">我的积分</a></li>
                    <li><a href="#">优惠券</a></li>
                    <li><a href="#">红包</a></li>
                    <li><a href="#">账户余额</a></li>
                    <li><a href="#">账单明细</a></li>
                </ul>
            </li>
            <li class="alst5"><i class="fa fa-tags sty" aria-hidden="true"></i>&nbsp;<a class="styz" href="#">我的收藏</a>
                <ul>
                    <li class="choosed"><a href="#">收藏</a></li>
                    <li><a href="./foot.html">足迹</a></li>
                    <li><a href="#">红包</a></li>
                </ul>
            </li>
            <li class="alst6"><i class="fa fa-qq sty" aria-hidden="true"></i>&nbsp;<a class="styz" href="#">在线客服</a>
                <ul>
                    <li><a href="#">商品咨询</a></li>
                    <li><a href="#">意见反馈</a></li>
                    <li><a href="#">我的消息</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="collect-container">
        <div class="collect-head">我的收藏/My Collection</div>
        <div class="collect-top">
            <p>我的收藏<span >降价</span><span >下架</span></p>
        </div>
        <ul class="collect-list clearfix">
            <li>
                <div class="pic">
                    <img src="./img/order/col1.jpg">
                    <p><span>找相似</span><span class="last">加入购物车</span></p>
                </div>
                <div class="info">
                    <div class="info-div1"><a href="index-shop.html">包邮s925纯银项链女吊坠短款锁骨链颈链日韩猫咪银饰简约夏配饰</a></div>
                    <div class="info-div2">
                        <span class="info-div2-span1"><em class="em1">¥</em><em class="em2">42.50</em></span>
                        <span class="info-div2-span2"><em class="em1">¥</em><em class="em2">68.00</em></span>
                    </div>
                    <div class="info-div3">
                        <span>好评: 98.03%</span>
                        <span>月销: 219</span>
                    </div>
                </div>
            </li>
            <li>
                <div class="pic">
                    <img src="./img/order/col2.jpg">
                    <div class="tag-title">已下架</div>
                    <p><span>找相似</span><span class="last">加入购物车</span></p>
                </div>
                <div class="info">
                    <div class="info-div1"><a href="index-shop.html">4折抢购!十二生肖925银女戒指,时尚开口女戒</a></div>
                    <div class="info-div2">
                        <span class="info-div2-span1"><em class="em1">¥</em><em class="em2">378.50</em></span>
                        <span class="info-div2-span2"><em class="em1">¥</em><em class="em2">1888.00</em></span>
                    </div>
                    <div class="info-div3">
                        <span>好评: 98.03%</span>
                        <span>月销: 219</span>
                    </div>
                </div>
            </li>
            <li>
                <div class="pic">
                    <img src="./img/order/col3.jpg">
                    <p><span>找相似</span><span class="last">加入购物车</span></p>
                </div>
                <div class="info">
                    <div class="info-div1"><a href="index-shop.html">纯银千纸鹤锁骨链短款简约时尚韩版素银项链小清新秋款女配饰</a></div>
                    <div class="info-div2">
                        <span class="info-div2-span1"><em class="em1">¥</em><em class="em2">42.50</em></span>
                        <span class="info-div2-span2"><em class="em1">¥</em><em class="em2">68.00</em></span>
                    </div>
                    <div class="info-div3">
                        <span>好评: 98.03%</span>
                        <span>月销: 219</span>
                    </div>
                </div>
            </li>
            <li >
                <div class="pic">
                    <img src="./img/order/col1.jpg">
                    <p><span>找相似</span><span class="last">加入购物车</span></p>
                </div>
                <div class="info">
                    <div class="info-div1"><a href="index-shop.html">包邮s925纯银项链女吊坠短款锁骨链颈链日韩猫咪银饰简约夏配饰</a></div>
                    <div class="info-div2">
                        <span class="info-div2-span1"><em class="em1">¥</em><em class="em2">49.90</em></span>
                        <span class="info-div2-span2"><em class="em1">¥</em><em class="em2">88.00</em></span>
                    </div>
                    <div class="info-div3">
                        <span>好评: 98.03%</span>
                        <span>月销: 219</span>
                    </div>
                </div>
            </li>
            <li class="rowlast">
                <div class="pic">
                    <img src="./img/order/col2.jpg">
                    <p><span>找相似</span><span class="last">加入购物车</span></p>
                </div>
                <div class="info">
                    <div class="info-div1"><a href="index-shop.html">4折抢购!十二生肖925银女戒指,时尚开口女戒</a></div>
                    <div class="info-div2">
                        <span class="info-div2-span1"><em class="em1">¥</em><em class="em2">378.50</em></span>
                        <span class="info-div2-span2"><em class="em1">¥</em><em class="em2">1888.00</em></span>
                    </div>
                    <div class="info-div3">
                        <span>好评: 98.03%</span>
                        <span>月销: 219</span>
                    </div>
                </div>
            </li>
            <li>
                <div class="pic">
                    <img src="./img/order/col3.jpg">
                    <p><span>找相似</span><span class="last">加入购物车</span></p>
                </div>
                <div class="info">
                    <div class="info-div1"><a href="index-shop.html">纯银千纸鹤锁骨链短款简约时尚韩版素银项链小清新秋款女配饰</a></div>
                    <div class="info-div2">
                        <span class="info-div2-span1"><em class="em1">¥</em><em class="em2">49.90</em></span>
                        <span class="info-div2-span2"><em class="em1">¥</em><em class="em2">88.00</em></span>
                    </div>
                    <div class="info-div3">
                        <span>好评: 98.03%</span>
                        <span>月销: 219</span>
                    </div>
                </div>
            </li>
        </ul>
        <div class="more"><i class="fa fa-refresh" aria-hidden="true"></i>更多</div>
    </div>
</div>
<footer class="footer">
    <div class="footer-hd">
        <p>
            <a href="index.html">WESHOP</a>
            <b>|</b>
            <a href="index.html">商城首页</a>
            <b>|</b>
            <a href="#">支付宝</a>
            <b>|</b>
            <a href="#">物流</a>
        </p>
    </div>
    <div class="footer-bd">
        <p>
            <a href="#">关于我们</a>
            <a href="#">合作伙伴</a>
            <a href="#">联系我们</a>
            <a href="#">网站地图</a>
        </p>
    </div>
</footer>
<script src="js/lib/jquery.min.js"></script>
<script src="#"></script>
</body>
</html>